import { UseAccountsExample } from '../../../examples/wallet-hooks';

# useAccounts

The `useAccounts` hook retrieves a list of connected accounts the dApp authorizes.

```ts
import { ConnectButton, useAccounts } from '@mysten/dapp-kit';

function MyComponent() {
	const accounts = useAccounts();

	return (
		<div>
			<ConnectButton />
			<h2>Available accounts:</h2>
			{accounts.length === 0 && <div>No accounts detected</div>}
			<ul>
				{accounts.map((account) => (
					<li key={account.address}>- {account.address}</li>
				))}
			</ul>
		</div>
	);
}
```

## Example

<UseAccountsExample />

## Account properties

- `address`: The address of the account, corresponding with a public key.
- `publicKey`: The public key of the account, represented as a `Uint8Array`.
- `chains`: The chains the account supports.
- `features`: The features the account supports.
- `label`: An optional user-friendly descriptive label or name for the account.
- `icon`: An optional user-friendly icon for the account.
